﻿<!DOCTYPE html>
<html>
  <head>
    <title>横屏播放</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/横屏播放/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/横屏播放/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u23758" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u23759" class="ax_default box_1">
          <div id="u23759_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u23760" class="ax_default _图片">
          <img id="u23760_img" class="img " src="images/横屏播放/u23760.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u23761" class="ax_default line">
          <img id="u23761_img" class="img " src="images/横屏播放/u23761.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u23762" class="ax_default link_button">
          <div id="u23762_div" class=""></div>
          <div id="u23762_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">知识点标题知识点标题知识点标题知识点标题</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u23763" class="ax_default icon">
          <img id="u23763_img" class="img " src="images/横屏播放/u23763.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u23764" class="ax_default link_button">
          <div id="u23764_div" class=""></div>
          <div id="u23764_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">00:02</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u23765" class="ax_default line">
          <img id="u23765_img" class="img " src="images/横屏播放/u23765.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u23766" class="ax_default link_button">
          <div id="u23766_div" class=""></div>
          <div id="u23766_text" class="text ">
            <p><span style="font-family:'应用字体 Regular', '应用字体';">00:15</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u23767" class="ax_default ellipse">
          <img id="u23767_img" class="img " src="images/横屏播放/u23767.png"/>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u23768" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (形状) -->
          <div id="u23769" class="ax_default icon">
            <img id="u23769_img" class="img " src="images/横屏播放/u23769.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u23770" class="ax_default icon">
            <img id="u23770_img" class="img " src="images/横屏播放/u23770.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u23771" class="ax_default icon">
            <img id="u23771_img" class="img " src="images/横屏播放/u23771.png"/>
          </div>

          <!-- Unnamed (心形) -->
          <div id="u23772" class="ax_default icon">
            <img id="u23772_img" class="img " src="images/横屏播放/u23772.png"/>
          </div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u23773" class="ax_default line">
          <img id="u23773_img" class="img " src="images/横屏播放/u23773.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u23774" class="ax_default line">
          <img id="u23774_img" class="img " src="images/横屏播放/u23774.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23775" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23775_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23776" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23776_img" class="img " src="images/横屏播放/u23776.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23777" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23777_img" class="img " src="images/横屏播放/u23776.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23778" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23778_img" class="img " src="images/横屏播放/u23776.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23779" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23779_img" class="img " src="images/横屏播放/u23776.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23780" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23780_img" class="img " src="images/横屏播放/u23776.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23781" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23781_div" class=""></div>
        <div id="u23781_text" class="text ">
          <p><span style="font-family:'应用字体 Bold', '应用字体';">分享视频至</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23782" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23782_div" class=""></div>
        <div id="u23782_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">微博</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23783" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23783_div" class=""></div>
        <div id="u23783_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">微信好友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23784" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23784_div" class=""></div>
        <div id="u23784_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">微信朋友圈</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23785" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23785_div" class=""></div>
        <div id="u23785_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">QQ空间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23786" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23786_div" class=""></div>
        <div id="u23786_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">QQ好友</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23787" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23787_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u23788" class="ax_default _图片 ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23788_img" class="img " src="images/横屏播放/u23760.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23789" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23789_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u23790" class="ax_default icon ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23790_img" class="img " src="images/横屏播放/u23790.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23791" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23791_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23792" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23792_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23793" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23793_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23794" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23794_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23795" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23795_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23796" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23796_div" class=""></div>
        <div id="u23796_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">音量</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23797" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23797_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u23798" class="ax_default _图片 ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23798_img" class="img " src="images/横屏播放/u23760.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23799" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23799_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23800" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23800_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23801" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23801_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23802" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23802_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23803" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23803_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23804" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23804_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23805" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23805_div" class=""></div>
        <div id="u23805_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">亮度</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23806" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23806_img" class="img " src="images/横屏播放/u23806.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23807" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23807_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23808" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23808_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23809" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23809_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23810" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23810_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23811" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23811_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23812" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23812_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23813" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23813_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23814" class="ax_default box_2 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23814_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23815" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23815_div" class=""></div>
        <div id="u23815_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">右边上下滑调亮度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23816" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23816_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u23817" class="ax_default _图片 ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23817_img" class="img " src="images/横屏播放/u23760.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23818" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23818_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u23819" class="ax_default icon ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23819_img" class="img " src="images/横屏播放/u23819.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23820" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23820_div" class=""></div>
        <div id="u23820_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">2:33</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23821" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23821_div" class=""></div>
        <div id="u23821_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">界面左右滑调进度</span></p><p><span style="font-family:'应用字体 Regular', '应用字体';"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23822" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23822_div" class=""></div>
        <div id="u23822_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">弹窗上数字和进度条跟着变化</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u23823" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u23824" class="ax_default box_3">
          <div id="u23824_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u23825" class="ax_default box_3">
          <div id="u23825_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23826" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23826_img" class="img " src="images/课程详情页/u23531.png"/>
        <div id="u23826_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">31</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23827" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23827_img" class="img " src="images/课程详情页/u23531.png"/>
        <div id="u23827_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">32</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23828" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23828_img" class="img " src="images/课程详情页/u23531.png"/>
        <div id="u23828_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">33</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23829" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23829_img" class="img " src="images/课程详情页/u23531.png"/>
        <div id="u23829_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">34</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23830" class="ax_default ellipse ax_default_hidden" style="display:none; visibility: hidden">
        <img id="u23830_img" class="img " src="images/课程详情页/u23531.png"/>
        <div id="u23830_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">24</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23831" class="ax_default box_1">
        <div id="u23831_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u23832" class="ax_default _图片">
        <img id="u23832_img" class="img " src="images/横屏播放/u23760.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u23833" class="ax_default line">
        <img id="u23833_img" class="img " src="images/横屏播放/u23761.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23834" class="ax_default link_button">
        <div id="u23834_div" class=""></div>
        <div id="u23834_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">知识点标题知识点标题知识点标题知识点标题</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u23835" class="ax_default icon">
        <img id="u23835_img" class="img " src="images/横屏播放/u23763.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23836" class="ax_default link_button">
        <div id="u23836_div" class=""></div>
        <div id="u23836_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">00:02</span></p>
        </div>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u23837" class="ax_default line">
        <img id="u23837_img" class="img " src="images/横屏播放/u23765.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23838" class="ax_default link_button">
        <div id="u23838_div" class=""></div>
        <div id="u23838_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">00:15</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u23839" class="ax_default ellipse">
        <img id="u23839_img" class="img " src="images/横屏播放/u23767.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u23840" class="ax_default ax_default_hidden" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (形状) -->
        <div id="u23841" class="ax_default icon">
          <img id="u23841_img" class="img " src="images/横屏播放/u23769.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u23842" class="ax_default icon">
          <img id="u23842_img" class="img " src="images/横屏播放/u23770.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u23843" class="ax_default icon">
          <img id="u23843_img" class="img " src="images/横屏播放/u23771.png"/>
        </div>

        <!-- Unnamed (心形) -->
        <div id="u23844" class="ax_default icon">
          <img id="u23844_img" class="img " src="images/横屏播放/u23772.png"/>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u23845" class="ax_default line">
        <img id="u23845_img" class="img " src="images/横屏播放/u23773.png"/>
      </div>

      <!-- Unnamed (水平线) -->
      <div id="u23846" class="ax_default line">
        <img id="u23846_img" class="img " src="images/横屏播放/u23774.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23847" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23847_div" class=""></div>
        <div id="u23847_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">开发说明：</span></p><p><span style="font-family:'应用字体 Regular', '应用字体';">视频播放功能说明：播放器使用网易云视频做开发，具体功能需要网易云支持才能开发。</span></p><p><span style="font-family:'应用字体 Regular', '应用字体';">1、刚进页面，显示视频的第一帧图片，点击才会播放。</span></p><p><span style="font-family:'应用字体 Regular', '应用字体';">2、功能描述：点击播放、左侧上滑调整亮度、右侧上滑调整音量、向右滑进度快进、向左滑进度倒退、点击横屏播放、重力感应横屏播放、显示当前时间、显示手机电量。</span></p><p><span style="font-family:'应用字体 Regular', '应用字体';"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23848" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23848_div" class=""></div>
        <div id="u23848_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">开发说明：</span></p><p><span style="font-family:'应用字体 Regular', '应用字体';">播放的可能是缓存的，点赞、收藏、评论右上角的数字统一不显示，只显示按钮。有网络点击按钮正常处理，无网络，点击提示“网络不给力，请稍后再试”。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u23849" class="ax_default box_1 ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u23849_div" class=""></div>
        <div id="u23849_text" class="text ">
          <p><span style="font-family:'应用字体 Regular', '应用字体';">开发说明：</span></p><p><span style="font-family:'应用字体 Regular', '应用字体';">由广告轮播图跳转过来时，要把右上角的4个操作按钮全部隐藏。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
